<div class="header">
	<div class="logo"><img src="images/logos/logo-corner.png" /></div>
	<div class="title dual">
		<div class="top">
			Local
		</div>
		<div class="bottom">
			Radar
		</div>
	</div>
	<div class="right">
		<div class="precip">
			<div class="precip-header">PRECIP</div>
			<div class="scale">
				<div class="text">Light</div>
				<div class="scale-table">
					<div class="box box-1"></div>
					<div class="box box-2"></div>
					<div class="box box-3"></div>
					<div class="box box-4"></div>
					<div class="box box-5"></div>
					<div class="box box-6"></div>
					<div class="box box-7"></div>
					<div class="box box-7"></div>
				</div>
				<div class="text">Heavy</div>
			</div>
			<div class="time"></div>
		</div>
	</div>
</div>

<div class="main radar">
	<div class="container">
		<div class="map-tiles tiles"><img/><img/><img/><img/></div>
		<div class="scroll-area">
			<div class="frame template">
				<div class="map">
					<img/>
				</div>
			</div>
		</div>
		<div class="overlay-tiles tiles"><img/><img/><img/><img/></div>
	</div>
</div>